body{
	width: 100%;
	height: 100%;
	background-color: #F2F2F2;
	margin: auto;
	font-family: "微软雅黑";
}
.mian{
	width: 100%;
	height: 100%;
}
.return{
	    width: 100%;
    height: 1.3rem;
    background-color: #87E1D5;
    position: fixed;
    top: 0;
    z-index: 1;

}
.return>.img_1{
	margin-top: 0.5rem;
	width: 0.3rem ;
}
.return>b{
	font-size: 0.5rem;
	position: absolute;
	margin-left: 41%;
	margin-top: 4%;
}
.information{
	width: 100%;
	height: 2.7rem;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 1.5rem;
}
.nothave>span{
	    position: absolute;
    margin-top: 10%;
    margin-left: 41%;
    font-size: 0.4rem;
    color: #4D4D4D;
}
.nothave>.img1{
	width: 0.5rem;
	position: absolute;
	right: 10.1%;
	margin-top: 10%;
}
.nothave>.img2{
	width: 0.5rem;
	position: absolute;
	margin-left: 34%;
	margin-top: 10%;
}
.information>.img3{
	width: 100%;
	position: absolute;
	margin-top:26%;
}
.nothave{
	display: none;
}
.have{
	width: 100%;
	height: 100%;
	position: relative;
}
.have>.img1{
	width: 0.5rem;
	position: absolute;
	right: 10.1%;
	margin-top: 10%;
}
.have>.img2{
	    width: 0.8rem;
    position: absolute;
    margin-left: 7%;
    margin-top: 10%;
}
.have_1{
	    width: 65%;
    height: 2.3rem;
    position: absolute;
    margin-left: 19%;
    margin-top: 3%;
    font-size: 0.35rem;
}
/*书的信息*/
.Book {
    overflow: hidden;
    width: 100%;
    height: 6.2rem;
    box-shadow: 0 1px 4px 0 rgba(130,130,130,0.50);
    background: #fff;
        position: relative;
            margin-top: 0.2rem;
}

.book_main {
     width: 8.7rem;
    height: 5.2rem;
    position: relative;
    margin-top: 4%;
    margin-left: 7%;
    border-radius: 0.1rem;
    box-shadow: 0 1px 4px 0 rgba(130,130,130,0.50);
}
.photo_book {
    width: 100%;
    height: 100%;
    position: relative;
}
.imgbox1 {
    width: 2.8rem;
    height: 1.96rem;
    position: absolute;
    top: 1.9rem;
    left: 0.25rem;
    overflow: hidden;
    background-color: #fff;
}
.img {
    width: 100%;
    height: 100%;
}
.book_text {
  position: absolute;
    top: 4%;
    margin-left: 57%;
    line-height: 0.5rem;
}
.am-icon-arrow-up:before {
			content: "\f062";
		}
		.am-g {
		 margin: 0 auto;
		 width: 100%;
		}
		.yuanZi {
			position: relative;
		}
		.shunfeng{
			/*display: inline-block;*/
			width:auto;
			height:auto;
			position: relative;
			margin-left:0.2rem;
			float: left;
		 }
		.shunfeng:nth-of-type(1){
			margin-left:0;
		}
		.place{
			padding-top: 0;
			margin-top:0.426667rem;
		}
		.select{
			padding-top:0;
			margin-top:0.533333rem;
		}
		.Book {
			overflow: hidden;
			width: 100%;
			height: 6.2rem;
			box-shadow: 0 1px 4px 0 rgba(130,130,130,0.50);
			background: #fff;
		}
		.img{
			width:100%;
			height:100%;
		}
		.bookimg{
			position: relative;
			width:100%;
			height:100%;
			overflow: hidden;
		}
		.absolute{
			position: absolute;
			top:0;
			left:0;
		}
		.center{
			width:100%;
			height:100%;
			position: relative;
		}
		.text{
			position: absolute;
			top:0.2633rem;
			right:0.266667rem;
			font-size:0.106667rem;
		}
		.book{
			height:2.666667rem;
			position: absolute;
			top:1.066667rem;
			left:0;
			width: 100%;

		}
		.book_img{
		        width: 3.253333rem;
			    height: 4.586667rem;
			    box-shadow: 0 1px 4px 0 rgba(130,130,130,0.50);
			    position: absolute;
			    margin-left: 5%;
			    margin-top: 3%;

		}
		#booktext{
			position: absolute;
			top:4.08rem;
			left:0;
			width:100%;
			height:auto;
			text-align: center;
			font-size: 0.133333rem;
			font-family: fzxsjt;
		}
		.textname{
			border-bottom:0;
			height:auto;
			font-family: HansHandItalic;
		}
		.text1{
			top:0.533333rem;
		}
		.book1{
			top:1.733333rem;
			width:2.4rem;
			height:1.6rem;
		}

		.text2{
			top:0.266667rem;
		}
		.book2{
			top:1.146667rem;
			width:2.133333rem;
			height:2.666667rem;
			left:1.093333rem;
		}

		.text3{
			top:2.8rem;
		}
		.book3{
			top:0;
			left:0;
			height:2.4rem;

		}
		.alt{
			 width:100%;
			 height:auto;
		}
		.uploadimg{
			 margin-top:-15%;
		}
		.none{display: none}
		.sureDing{
			width:8.53rem;
			height:1.6rem;
			margin:0 auto;
			margin-top:0.5rem;
		}
		.dingImg{
			width:100%;
			height:100%;
		}
		.address{
	 		padding-bottom:0.32rem;
	 	}
	 	.imgbox1 {
			    width: 2.8rem;
			    height: 1.96rem;
			    position: absolute;
			    top: 1.9rem;
			    left: 0.25rem;
				overflow: hidden;
				background-color: #fff;
		}
		.imgbox1>img{
			    position: absolute;
			    height: 100%;
			    left: 50%;
			    top: 0;
			    transform: translate(-50%);
		}
		.imgbox2 {
			width: 2.3rem;
		    height: 2.48rem;
		    position: absolute;
		    top: 1.55rem;
		    left: 0.49rem;
		    overflow: hidden;
		    background-color: #fff;
		}
		.imgbox2>img{ 	
			/*方图*/
			position: absolute;
			height: 100%;
			width: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.imgbox3 {
			width: 2.4rem;
		    height: 3.2rem;
		    position: absolute;
		    top: 0.9rem;
		    left: 0.35rem;
			overflow: hidden;
			background-color: #fff;
		}
		.shape_0{ 	/*长图	width/height	*/
			position: absolute; 
			height: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_1{ 	/*方图*/
			position: absolute; 
			height: 100%;
			width: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_2{ 	/*横图*/
			position: absolute; 
			width: 100%;
			left: 0;
			top: 50%;
			transform: translate(0,-50%);
		}
		 .input{
			 opacity: 1;
			 /*left: -156px;*/
			 top: -4px;
		 }
		 
.style{
	color: #4C4C4C;
	font-size: 0.4rem;
}
.shisi{
	color: #4C4C4C;
}
.blueColor{
  width: 5.5rem;
    height: 2.6rem;
    transform: scale(0.8,0.8);
    position: absolute;
    left: -68%;
    top: 89%;
}
.order_main{
	width: 100%;
	height: 8.40rem;
	background-color: #FFFFFF;
	margin-top: 0.2rem;
}
.numberBot,.printingMain,.numberTop,.radio_no,.size_1{
	width: 100%;
	height:1.2rem ;
	position: relative;
	border-bottom:1px solid #F2F2F2;
}
.numberBot>input{
	    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: 0.14rem;
    left: 7.8rem;
    border: none;
    text-align: center;
    background-color: #FFFFFF;
}
.numberBot>a{
	    color: #4C4C4C;
    font-size: 0.4rem;
    position: absolute;
    margin-left: 0.5rem;
    margin-top: 0.35rem;
}
.numberBot_img,.numberBot_img1{
	    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 6.9rem;
    top: 0.2rem;
}
.numberBot_img1{
	left:8.8rem ;
}
.printingMain{
	line-height: 1.2rem;
}
.span1{
	display: inline-block;
	margin-left: 0.5rem;
	color: #FF9000;
	font-size: 0.4rem;
}
.numberTop>span{
	   color: #4C4C4C;
    font-size: 0.4rem;
    position: absolute;
    margin-left: 0.5rem;
    margin-top: 0.35rem;
}
.numberTop>a{
	color: #C4C4C4;
    /* font-size: 0.4rem; */
    position: absolute;
    margin-left:62%;
    margin-top: 0.4rem;
}
.numberTop>img{
	    width: 0.5rem;
    position: absolute;
    margin-left: 9.1rem;
    margin-top: 0.35rem;
}
.top>.smb{
	    position: absolute;
    margin-left: 61%;
    margin-top: 4%;
}
.top>.smp_1{
	    position: absolute;
    margin-left: 76%;
    margin-top: 4%;
    color: #FF9000;
}
.radio_no{
	text-align: center;
	color: #4B4B4B;
	font-size: 0.4rem;
	line-height: 1.2rem;
	border: none;
}
.radio{
	width: 100%;
	height: 3.6rem;
	position: absolute;
	margin-top: 1rem;
}
.top0>.imgn{
	    position: absolute;
    margin-top: 0.45rem;
}
.top1>.imgn{
	    position: absolute;
    margin-top: 0.45rem;
    display: none;
}
.radio{
	display: none;
}
/*书籍装帧*/
.radio_1{
	display: block;
	margin-top: 0rem;
	height: 4.8rem;
}
.span_top0,.span_top1{
	text-align: center;
}
.size{
	width: 100%;
	height: 4.8rem;
	background-color: #FFFFFF;
	display: none;
}
.size_1{
	text-align: center;
	    color: #4C4C4C;
    font-size: 0.4rem;
    line-height: 1.2rem;
}
.size_1>span{
	display: inline-block;
	position: absolute;
	margin-left: 8%;
}
.radio_1>.top{
		color: #4C4C4C;
	    font-size: 0.4rem;
}
.numberTop1{
	    width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    line-height: 1.2rem;
    position: relative;
}
.numberTop_0>img{
	position: absolute;
	width: 0.8rem;
	margin-left: 10%;
	    margin-top: 2%;
}
.numberTop_1>img{
	position: absolute;
	width: 0.8rem;
    margin-left: 11.5%;
       margin-top: 2%;
       display: none;
}
.numberTop>b{
	color: #C4C4C4;
	/*font-size: 0.4rem;*/
	position: absolute;
	    margin-left: 62%;
	margin-top: 0.4rem;
	
}
/*快递选择*/
.logistics{
	    width: 100%;
    height: 3.6rem;
    background-color: #FFFFFF;
    position: relative;
    bottom: 0rem;
    display: none;
	
}
.delivery{
	   width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #F2F2F2;
    text-align: center;
    line-height: 1.2rem;
    position: relative;
    font-size: 0.4rem;
}
.delivery>span{
	color:#FF9000 ;
	 font-size: 0.3rem;
}
.delivery>img{
	    width: 0.7rem;
    position: absolute;
    margin-left: 0.4rem;
    margin-top: 0.3rem;
}
.delivery>.delivery_img1{
	 width: 0.7rem;
    position: absolute;
    margin-left: 1.79rem;
    margin-top: 0.3rem;
}
.delivery_img1{
	display: none;
}
.comments{
	   width: 100%;
    height: 1.2rem;
    border-bottom: 1px solid #F2F2F2;
    line-height: 1.2rem;
    position: relative;
    font-size: 0.4rem;
}
.comments>span{
	color: #4C4C4C;
    font-size: 0.4rem;
    position: absolute;
    margin-left: 0.5rem;
}
.comments>input{
	    width: 7.4rem;
    height: 1rem;
    margin-left: 2.4rem;
    font-size: 0.3rem;
    border: none;
}
.quantity{
	display: inline-block;
}
.price{
	position: relative;
}
.price_div{
	color: #4D4D4D;
	font-size: 0.4rem;
	position: absolute;
	margin-left: 45%;
	margin-top: 3%;
}
.finally{
	position: absolute;
    margin-left: 65%;
    margin-top: 3%;
    font-size: 0.4rem;
}
.finally_div{
	    position: absolute;
    margin-left: 92%;
    top: 5%;
    font-size: 0.4rem;
    color: #FF9000;
}
/*注意事项*/
.prompt{
	width:100% ;
	height:4rem ;
	background-color: #F2F2F2;
	position: relative;
	padding-bottom: 1rem;
}
.prompt>span{
	position: absolute;
	margin-left: 7%;
	margin-top: 5%;
	color: #F8888D;
}
.prompt>div{
    width: 8.7rem;
    height: 2.5rem;
    position: absolute;
    margin-left: 7%;
    margin-top: 7%;
}
/*提交*/
.refer{
	width: 100%;
	height: 1.3rem;
	
	background-color: #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
}
.refer_div{
	color: #4D4D4D;
	position: absolute;
	    margin-left: 3.2rem;
	font-size: 0.4rem;
	margin-top: 0.4rem;
}
.refer_div1{
	    color: #FF9000;
    position: absolute;
    margin-left: 5.1rem;
    font-size: 0.4rem;
    margin-top: 0.4rem;
}
.order_form{
	width: 3rem;
	height: 1.3rem;
	background-color: #FF9000;
	position: absolute;
	right: 0rem;
	color: #FFFFFF;
	line-height: 1.3rem;
	text-align: center;
	font-size: 0.5rem;
}
.radio,.size,.logistics{
	width: 100%;
	/*height: 3.6rem;*/
	 position: fixed;
    bottom: 0;
    left: 0;
  z-index: 10;
  background-color: #FFFFFF;
  
}
/*支付*/
.payoff{
	width: 100%;
	height: 3.6rem;
	position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #FFFFFF;
    display: none;
    
}
.payoff>div{
	width: 100%;
	height: 33.3%;
	text-align: center;
    line-height: 1.2rem;
    border-bottom:0.01rem solid  #F2F2F2;
   font-size: 0.4rem;
}
.Wechat>img{
	    width: 0.8rem;
    position: absolute;
    left: 28%;
    margin-top: 3%;
}
.Alipay>img{
    width: 0.8rem;
    position: absolute;
    left: 28%;
    margin-top: 3%;
}
.return>.img_1 {
      margin-top: 0.4rem;
    width: 0.3rem;
    margin-left: 0.5rem;
}
.return>b {
   font-size: 0.5rem;
    position: absolute;
    margin-left: 33%;
    margin-top: 3%;
    color: #4C4C4C;
}
.warn{
	width: 40%;
	background-color: #4C4C4C;
	height: 0.9rem;
	position: absolute;
	top: 50%;
	margin-left: 30%;
	text-align: center;
	line-height: 0.9rem;
	z-index: 10;
	color: #FFFFFF;
	display: none;
}
